// edX: Certificates - Footer
// ====================

.wrapper--footer {
  padding: 0 ($baseline-h*2);
  background: $bg-footer-main;
  color: $color-footer-main;

  @include media($bp-ds) {
    padding: 0 ($baseline-h);
  }

  @include media($bp-m) {
    padding: 0 ($baseline-h);
  }
}

.footer--app {
  @include outer-container;
  border-top: 2px solid $gray-l5;
  margin-top: $baseline-v;
  padding-top: $baseline-v;

  a {
    @extend %link-copy;
  }

  .copyright {
    @extend %t-copy-sub1;
    @include span-columns(4 of 12);

    @include media($bp-dm) {
      @include fill-parent;
      margin-bottom: ($baseline-v);
    }

    @include media($bp-ds) {
      @include fill-parent;
      margin-bottom: ($baseline-v);
    }

    @include media($bp-m) {
      @include fill-parent;
      margin-bottom: ($baseline-v);
    }
  }

  .nav--footer {
    @include span-columns(8 of 12);
    @include omega();
    text-align: right;

    @include media($bp-dm) {
      @include fill-parent;
      text-align: left;
    }

    @include media($bp-ds) {
      @include fill-parent;
      text-align: left;
    }

    @include media($bp-m) {
      @include fill-parent;
      text-align: left;
    }

    .list {
      display: inline-block;
      vertical-align: middle;
      margin-right: ($baseline-h*2);

      &:last-child {
        margin-right: 0;
      }

      @include media($bp-dm) {
        @include fill-parent;
        margin: 0 0 $baseline-v 0;
        text-align: left;
      }

      @include media($bp-ds) {
        @include fill-parent;
        margin: 0 0 $baseline-v 0;
        text-align: left;
      }

      @include media($bp-m) {
        @include fill-parent;
        margin: 0 0 $baseline-v 0;
        text-align: left;
      }
    }

    .nav__item {
      @extend %t-action5;
      display: inline-block;
      margin-right: ($baseline-h/2);

      @include media($bp-dm) {
        @include font-size(14);
        @include lh(14);
      }

      @include media($bp-ds) {
        @include font-size(14);
        @include lh(14);
        display: block;
        margin: 0 0 ($baseline-v/4) 0;
      }

      @include media($bp-m) {
        @include font-size(14);
        @include lh(14);
        display: block;
        margin: 0 0 ($baseline-v/4) 0;
      }
    }
  }
}
